<style>
</style>
<template>
    <ly-page>
        <ly-navi title="折线图"></ly-navi>
        <ly-page-content>
            <el-divider content-position="left">单折线</el-divider>
            <ly-chart name="访问量" link="/portal/chart/data/data1.json" :params="chat_param"
                      :date="date"></ly-chart>

            <ly-code-view>
                <pre v-pre>
                          <ly-chart name="访问量" link="/portal/chart/data/data1.json" :params="chat_param"
                                    :date="date"></ly-chart>
                </pre>
            </ly-code-view>
            <el-divider content-position="left">多折线/显示数据</el-divider>
            <ly-chart  :table="true" :table-show="true" :area="true" :items="items" :params="chat_param"
                      :date="date"></ly-chart>

            <ly-code-view>
                <pre v-pre>
                     <ly-chart  :table="true" :table-show="true" :area="true" :items="items" :params="chat_param"
                                :date="date"></ly-chart>
                </pre>
            </ly-code-view>
            <ly-markdown>
                <pre v-pre>
## `ly-chart`
------

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  type | 图标类型	  |string |line(折现图) ,bar(柱形图)	|line|
|  height | 高度	  |int |310	|-	|
|  name | 显示的名称	  |string |-	|数量	|
|  key_x |x 坐标取值	  |string |-	|time	|
|  key_y |y 坐标取值	  |string |-	|c	|
|  x_name | x 方向显示的名称	|string |-	|时间|
|  link |数据网络地址	  |string |—	|—	|
|  items |多个折线图的网络地址	  |array |-	|具体看下面参数 items介绍|
|  items[].name |数据的显示名称 |string |-	|和属性 name 相同|
|  items[].link |数据网络地址	  |string |-	|-|
|  items[].key_x |x 坐标取值	  |string |-	|和属性 key_x 相同|
|  items[].key_x |y 坐标取值	  |string |-	|和属性 key_y 相同|
|  noGlobal | 不使用全局参数	|boolean |-	|默认请求参数包含 Ly.chart.global_params 全局参数|
|  params | 网络请求参数 会作为post参数提交	  |Object|-	|{}	|
|  date |  正常是时间类型参数 会以get提交		|Object |-|{}|
|  area | 折线图时是否显示底部区域	|boolean |—	|—	|
|  direction | 柱形图时方向	|string |x , y	|x	|
|  color | 颜色取值	|array |['#efefef',等]	| 默认取 Ly.chart.color	|
|  colorIndex | 颜色启始取值的index |int |-	|0	|
|  areaColor | 折现图区域底部区域颜色	|array |-	|默认不需要,会自动算|
|  show | 控制一些显示情况	|object |-	|-|
|  show.x | x方向显示	|boolean |-	|-|
|  show.x | y方向显示	|boolean |-	|-|
|  table | 显示数据table	|boolean |-	|-|
|  tableShow | 显示 tables时默认显示状态	|boolean |-	|-|








                </pre>
            </ly-markdown>
        </ly-page-content>
    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    chat_param:{
                        'a':'a',
                        'b':'b'
                    },
                    date:{
                        begin_time: dayjs().add(-24, 'h').unix(),
                        end_time: dayjs().unix()
                    },
                    items:[{
                        name:'PV',
                        link:'/portal/chart/data/data1.json'
                    },{
                        name:'UV',
                        link:'/portal/chart/data/data2.json'
                    }]
                }
            },
            created:function (){

            },
            mounted: function () {

            },
            methods: {
                showDialog: function () {


                },

            }
        }
    })
</script>